<template>
  <div class="container">1
    <ImagePreview :v-model:show="false" :images="imgListPreView">

    </ImagePreview>
  </div>
</template>

<script>
import { ImagePreview } from 'vant';
export default {
  name: 'GViewTest',
  components: {
    ImagePreview
  },

  data () {
    return {
      goodsList: [
        {
          id: 1,
          pic: 'https://xxx.com/pic1.pic',
          title: '苹果',
          subTitle: '世界最好吃的苹果'
        },
        {
          id: 2,
          pic: 'https://xxx.com/pic2.pic',
          title: '苹果2',
          subTitle: '世界最好吃的苹果2'
        },
        {
          id: 3,
          pic: 'https://xxx.com/pic3.pic',
          title: '苹果3',
          subTitle: '世界最好吃的苹果3'
        }
      ],
      choseList: [],
    }
  },
  methods: {
    chose (id) {
      this.choseList.push(id);
      console.log(this.choseList)
    }
  }
}
</script>

<style scoped>
.container {
  height: 100px;
}
.test-scroller {
  height: 100000px;
  width: 100%;
  background-color: gray;
  /* overflow-y: scroll; */
}
.card-box {
  text-align: center;
}
.view-box {
  height: 100px;
  width: 100%;
}
</style>